@import "../../../../style/val.scss";
.xhd-record-container {
	background-color: #fff;
	font-size: 0.28rem;
	padding-top: 0.28rem;
	.am-tabs {
		.am-tabs-default-bar-tab {
			&::after {
				display: none !important;
			}
		}
		&-tab-bar-wrap {
			border-bottom: 1px solid #eeeeee;
		}
		&-default {
			&-bar {
				width: 80%;
				margin: 0 auto;
				padding-bottom: 0.22rem;
				&-underline {
					display: none;
				}
			}
			&-bar-content {
				border-radius: 6px;
				overflow: hidden;
				border: 1px solid $color-main-green;
			}
			&-bar-tab {
				color: $color-main-green;
				&-active {
					background-color: $color-main-green;
				}
				height: 0.6rem;
				line-height: 0.6rem;
			}
		}
	}
	.am-tabs-default-bar-content .am-tabs-default-bar-tab-active {
		color: #fff;
	}
	.bg-white {
		background-color: #fff;
	}
	.font-bold {
		font-weight: bold;
	}
	.flex {
		display: flex;
		&-v-center {
			align-items: center;
		}
	}
	.loan-item {
		width: 6.9rem;
		height: 1.46rem;
		box-sizing: border-box;
		justify-content: space-between;
		align-items: center;
		margin: 0 0.3rem;
		background-color: #fff;
		&:not(:last-child) {
			border-bottom: 1px solid #eeeeee;
		}
	}
	.font-black {
		color: #030303;
		font-size: 0.28rem;
	}
	.first-line {
		margin-bottom: 0.16rem;
		position: relative;
		.tip-time {
			position: absolute;
			right: -1.1rem;
			top: -0.2rem;
			width: 1.1rem;
			height: 0.36rem;
			line-height: 0.36rem;
			text-align: center;
			background: rgba(80, 145, 255, 1);
			border-radius: 0.16rem 0 0.16rem 0;
			font-size: 0.2rem;
			color: #fff;
		}
		.tip-time-yq {
			position: absolute;
			right: -1.1rem;
			top: -0.2rem;
			width: 1.1rem;
			height: 0.36rem;
			line-height: 0.36rem;
			text-align: center;
			background: red;
			border-radius: 0.16rem 0 0.16rem 0;
			font-size: 0.2rem;
			color: #fff;
		}
	}
	.font-grey {
		color: #888888;
		font-size: 0.24rem;
	}
	.font-green {
		color: #40b15d;
	}
	.loan-text {
		color: #999;
		font-size: 0.28rem;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		.loan-text-content {
			margin-bottom: 0.7rem;
		}
		img {
			width: 3.26rem;
			height: 1.8rem;
		}
		span {
			color: #40b15d;
		}
	}
}
